import React, { Component } from 'react';
import { render } from 'react-dom';
import './doWhat.css';

class DoWhat extends Component {
    constructor(props) {
        super(props);
        this.state = {
            dwList:
            [
                { id: 1, avatar:require( '../../image/doWhat1.jpg'), title: '一站式前沿精准健康服务采购平台', desc: '我们在基因团，给大家准备了从易感基因检测的泛健康管理服务，到Ctdna肿瘤超早期筛查这样的前沿技术服务，再到诸如免疫细胞银行这样的最顶尖精准健康服务，满足你客户精准健康服务的全部需求。我们的合作伙伴有博奥基因这样的国内顶尖基因芯片研发企业，有冠昊生物这样的在免疫细胞存储和相关疗法深耕多年的上市企业，也有微基因这样当红的消费级基因测序创业企业。我们提供了和国内甚至国际一流精准健康服务机构对话的机会。参与精准健康的未来大时代。' },
                { id: 2, avatar:require('../../image/doWhat2.jpg') , title: '行业一流的客户管理方案', desc: '我们的CRM(客户关系管理系统）是由宝洁中国的高管，哥伦比亚大学医学院的专家和多位行业前沿学者一起研发，贴合了客户的实际需求，也能切实帮助我们的健康管家更好的落地客户管理。在整个精准健康管理领域属于' },
                { id: 3, avatar:require('../../image/doWhat3.jpg') , title: '透明和开放的掘金平台', desc: '我们会支付给我们的健康管家透明的客户健康管理费，支持大家更好的帮助客户进行家庭健康管理，同时客户的全部精准健康服务的消费，我们终身给大家支付健康管理费用，我们希望大家能够和我们一起站在精准健康的时代' },
            ]
        }
        // this.state = {
        //     title:'基因团可以做什么 >>'
        // }
    }

_renderItem(item,index,arr) {
 return(
     <li key={item.id} className="dwListItem dfc jssa">
        <div className="dwImgDiv"><img src={item.avatar} width='100%' className="dwImg"/></div>
        <div className="dfc dwContent">
            <div className="dwTitle">{item.title}</div>
            <div className="dwDesc">{item.desc}</div>         
        </div>
     </li>
 )
}
    render() {
        return (           
            <div className="dwWapper dfc jssa ">
                <div className="title">基因团可以做什么>></div>
                <div className="dwList dfr jssb">
                    {this.state.dwList.map((item,index,arr) => this._renderItem(item,index,arr))}
                </div>
            </div>  
        )
    }
}

export default DoWhat;